Merge remote-tracking branch 'knu/font-awesome'
Akinori MUSHA
共有 5 個文件被更改，包括 49 次插入 和 8 次删除
+ 1
- 0
Gemfile
@@ -42,6 +42,7 @@ gem 'em-http-request', '~> 1.1.2' |
||
| 42 | 42 |
gem 'faraday', '~> 0.9.0' |
| 43 | 43 |
gem 'faraday_middleware' |
| 44 | 44 |
gem 'feed-normalizer' |
| 45 |
+gem 'font-awesome-sass' |
|
| 45 | 46 |
gem 'foreman', '~> 0.63.0' |
| 46 | 47 |
# geokit-rails doesn't work with geokit 1.8.X but it specifies ~> 1.5 |
| 47 | 48 |
# in its own Gemfile. |
+ 3
- 0
Gemfile.lock
@@ -120,6 +120,8 @@ GEM |
||
| 120 | 120 |
hpricot (>= 0.6) |
| 121 | 121 |
simple-rss (>= 1.1) |
| 122 | 122 |
ffi (1.9.4) |
| 123 |
+ font-awesome-sass (4.2.0) |
|
| 124 |
+ sass (~> 3.2) |
|
| 123 | 125 |
forecast_io (2.0.0) |
| 124 | 126 |
faraday |
| 125 | 127 |
hashie |
@@ -408,6 +410,7 @@ DEPENDENCIES |
||
| 408 | 410 |
faraday_middleware |
| 409 | 411 |
feed-normalizer |
| 410 | 412 |
ffi (>= 1.9.4) |
| 413 |
+ font-awesome-sass |
|
| 411 | 414 |
forecast_io (~> 2.0.0) |
| 412 | 415 |
foreman (~> 0.63.0) |
| 413 | 416 |
geokit (~> 1.8.4) |
+ 37
- 0
app/assets/stylesheets/application.css.scss.erb
@@ -18,6 +18,8 @@ |
||
| 18 | 18 |
*/ |
| 19 | 19 |
|
| 20 | 20 |
@import "bootstrap"; |
| 21 |
+@import "font-awesome-sprockets"; |
|
| 22 |
+@import "font-awesome"; |
|
| 21 | 23 |
|
| 22 | 24 |
body { padding-top: 60px; }
|
| 23 | 25 |
|
@@ -237,3 +239,38 @@ h2 .scenario, a span.label.scenario {
|
||
| 237 | 239 |
.confirm-agent .popover {
|
| 238 | 240 |
width: 200px; |
| 239 | 241 |
} |
| 242 |
+ |
|
| 243 |
+.btn-auth {
|
|
| 244 |
+ position: relative; |
|
| 245 |
+ padding-left: 40px; |
|
| 246 |
+ $border-color: rgba(0,0,0,0.2); |
|
| 247 |
+ border-color: $border-color; |
|
| 248 |
+ |
|
| 249 |
+ > i:first-child {
|
|
| 250 |
+ position: absolute; |
|
| 251 |
+ top: 0; |
|
| 252 |
+ left: 0; |
|
| 253 |
+ bottom: 0; |
|
| 254 |
+ width: 32px; |
|
| 255 |
+ height: 32px; |
|
| 256 |
+ text-align: center; |
|
| 257 |
+ line-height: 32px; |
|
| 258 |
+ font-size: 24px; |
|
| 259 |
+ border-right: 1px solid $border-color; |
|
| 260 |
+ } |
|
| 261 |
+ |
|
| 262 |
+ &.btn-auth-twitter {
|
|
| 263 |
+ color: #fff; |
|
| 264 |
+ background-color: #55acee; |
|
| 265 |
+ } |
|
| 266 |
+ |
|
| 267 |
+ &.btn-auth-37signals {
|
|
| 268 |
+ color: #fff; |
|
| 269 |
+ background-color: #8fc857; |
|
| 270 |
+ } |
|
| 271 |
+ |
|
| 272 |
+ &.btn-auth-github {
|
|
| 273 |
+ color: #fff; |
|
| 274 |
+ background-color: #444; |
|
| 275 |
+ } |
|
| 276 |
+} |
+ 5
- 5
app/assets/stylesheets/tables.css.scss
@@ -6,17 +6,17 @@ |
||
| 6 | 6 |
&.asc:after, &.desc:after {
|
| 7 | 7 |
text-decoration: none; |
| 8 | 8 |
position: absolute; |
| 9 |
- top: -5px; |
|
| 10 |
- right: -12px; |
|
| 11 |
- font-size: 1.2em; |
|
| 9 |
+ top: 0; |
|
| 10 |
+ right: -1em; |
|
| 11 |
+ font-family: FontAwesome; |
|
| 12 | 12 |
} |
| 13 | 13 |
|
| 14 | 14 |
&.asc:after {
|
| 15 |
- content: '\2193'; |
|
| 15 |
+ content: '\f0de'; //fa-sort-asc |
|
| 16 | 16 |
} |
| 17 | 17 |
|
| 18 | 18 |
&.desc:after {
|
| 19 |
- content: '\2191'; |
|
| 19 |
+ content: '\f0dd'; //fa-sort-desc |
|
| 20 | 20 |
} |
| 21 | 21 |
} |
| 22 | 22 |
|
+ 3
- 3
app/views/services/index.html.erb
@@ -12,13 +12,13 @@ |
||
| 12 | 12 |
for guidance. |
| 13 | 13 |
</p> |
| 14 | 14 |
<% if has_oauth_configuration_for?('twitter') %>
|
| 15 |
- <p><%= link_to "Authenticate with Twitter", "/auth/twitter" %></p> |
|
| 15 |
+ <p><%= link_to "/auth/twitter", class: 'btn btn-default btn-auth btn-auth-twitter' do %><i class='fa fa-twitter'></i><span>Authenticate with Twitter</span><% end %></p> |
|
| 16 | 16 |
<% end %> |
| 17 | 17 |
<% if has_oauth_configuration_for?('37signals') %>
|
| 18 |
- <p><%= link_to "Authenticate with 37Signals (Basecamp)", "/auth/37signals" %></p> |
|
| 18 |
+ <p><%= link_to "/auth/37signals", class: 'btn btn-default btn-auth btn-auth-37signals' do %><i class='fa fa-lock'></i><span>Authenticate with 37Signals (Basecamp)</span><% end %></p> |
|
| 19 | 19 |
<% end -%> |
| 20 | 20 |
<% if has_oauth_configuration_for?('github') %>
|
| 21 |
- <p><%= link_to "Authenticate with Github", "/auth/github" %></p> |
|
| 21 |
+ <p><%= link_to "/auth/github", class: 'btn btn-default btn-auth btn-auth-github' do %><i class='fa fa-github'></i><span>Authenticate with Github</span><% end %></p> |
|
| 22 | 22 |
<% end -%> |
| 23 | 23 |
<hr> |
| 24 | 24 |
|